<template>
  <header-aside-layout :historyItems="historyItems" :historyCurrent="historyCurrent" :onRemoveHistory="onRemoveHistory"/>
</template>
<script>
import {HistoryMixin} from '@v2coding/ui';
import HeaderAsideLayout from '@/components/layout/header-aside';

export default {
  name: 'Components',
  mixins: [HistoryMixin],
  components: {HeaderAsideLayout},
};
</script>
<style lang="scss" scoped>

.page-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;

  .v-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .page-body {
    margin: 0 15px 15px;

    > .wrapper > .container {
      flex: 1;
    }
  }
}
</style>
